<div class="doc-example-badges">
    <span class="tlp-badge-primary">
        Badge
    </span>
    <span class="tlp-badge-secondary">
        Badge
    </span>
    <span class="tlp-badge-info">
        Badge
    </span>
    <span class="tlp-badge-success">
        Badge
    </span>
    <span class="tlp-badge-warning">
        Badge
    </span>
    <span class="tlp-badge-danger">
        Badge
    </span>

    <br>
    <span class="tlp-badge-primary">
        <i class="fa fa-battery-three-quarters tlp-badge-icon"></i> Battery
    </span>
    <br>

    <span class="tlp-badge-inca-silver">Badge</span>
    <span class="tlp-badge-chrome-silver">Badge</span>
    <span class="tlp-badge-firemist-silver">Badge</span>
    <span class="tlp-badge-red-wine">Badge</span>
    <span class="tlp-badge-fiesta-red">Badge</span>
    <span class="tlp-badge-coral-pink">Badge</span>
    <span class="tlp-badge-teddy-brown">Badge</span>
    <span class="tlp-badge-clockwork-orange">Badge</span>
    <span class="tlp-badge-graffiti-yellow">Badge</span>
    <span class="tlp-badge-army-green">Badge</span>
    <span class="tlp-badge-neon-green">Badge</span>
    <span class="tlp-badge-acid-green">Badge</span>
    <span class="tlp-badge-sherwood-green">Badge</span>
    <span class="tlp-badge-ocean-turquoise">Badge</span>
    <span class="tlp-badge-surf-green">Badge</span>
    <span class="tlp-badge-deep-blue">Badge</span>
    <span class="tlp-badge-lake-placid-blue">Badge</span>
    <span class="tlp-badge-daphne-blue">Badge</span>
    <span class="tlp-badge-plum-crazy">Badge</span>
    <span class="tlp-badge-ultra-violet">Badge</span>
    <span class="tlp-badge-lilac-purple">Badge</span>
    <span class="tlp-badge-panther-pink">Badge</span>
    <span class="tlp-badge-peggy-pink">Badge</span>
    <span class="tlp-badge-flamingo-pink">Badge</span>
</div>
